
<script type="text/javascript" src="js/login&register.js"></script>
<div id="hxr_LoginRegister">
<div class="all">
<!--    切换登陆注册-->
    <div class="tabs">
        <button type="button" class="close" data-dismiss="modal" style="z-index: 999;" aria-hidden="true">&times;</button>
        <ul class="tabs_ul">

            <li style="color: black;border-bottom: #00C758 2px solid;">登　　录</li>
            <li >注　　册</li>
        </ul>

    </div>
<!--    登录界面-->
    <div class="box" id="login_box">
        <form id="login_form">
            <div class="login_box">
<!--                账号框-->
                <div class="input_box" id="login_email_box">
                    <div class="u_logo">
                        <div class="u_img"><img style="width: 100%" src="images/hxr/user.png"></div>
                    </div>
                    <div>
                        <input class="input_text" placeholder="邮箱" id="login_email" name="login_email" tabindex="1" spellcheck="false">
                    </div>
                    <div class="u_cancel" id="login_u_cancel"><img style="width: 100%" src="images/hxr/cancel.png"></div>
                </div>
<!--                密码框-->
                <div class="input_box" style="margin-top: 30px" id="login_passwd_box">
                    <div class="u_logo">
                        <div class="u_img"><img style="width: 100%" src="images/hxr/passwd.png"></div>
                    </div>
                    <div class="">
                        <input type="password" class="input_text" placeholder="密码" id="login_passwd" name="login_passwd" tabindex="2" spellcheck="false">
                    </div>
                    <div class="u_cancel" id="login_p_cancel"><img style="width: 100%" src="images/hxr/cancel.png"></div>
                </div>
<!--                错误提示-->
                <div class="error" id="login_error" style="display: none">
                    <div class="error_img"><img style="width: 100%" src="images/hxr/error.png"></div>
                    <div class="error_info"></div>
                </div>
<!--                登陆按钮-->
                <div class="btn_login_box">
                    <a class="btn_login">登　录</a>
                </div>
<!--                登陆的其他选项-->
                <div class="login_other">
<!--                    自动登录块-->
                    <div class="auto_login_box">
                        <input type="checkbox" name="auto_login" id="auto_login">
                        <label  for="auto_login">自动登录</label>
                    </div>
                    <a href="#" style="text-decoration:none;float: left;color: #999999;height: 16px;font-size: 14px;line-height: 17px;margin-top: 2px">忘记密码？</a>
                </div>
            </div>
        </form>
    </div>

<!--    注册界面-->
    <div class="box" id="register_box">
        <form id="register_form">
            <div class="login_box">
                <!--                邮箱框-->
                <div class="input_box" id="register_email_box">
                    <div>
                        <input class="register_input_text" placeholder="请输入你的邮箱" id="register_email" name="username" tabindex="1" spellcheck="false">
                    </div>
                    <div class="u_cancel" id="register_email_cancel"><img style="width: 100%" src="images/hxr/cancel.png"></div>
                </div>
                <!--                密码框-->
                <div class="input_box" id="register_passwd_box" style="margin-top: 5px">
                    <div class="">
                        <input type="password" class="register_passwd_text" placeholder="请输入8-16位密码" id="register_passwd" name="passwd" tabindex="2" spellcheck="false">
                    </div>
                    <div class="u_cancel" id="register_p_cancel"><img style="width: 100%" src="images/hxr/cancel.png"></div>
                    <div class="passwd_eye">
                        <img style="width: 100%" id="close_eye" src="images/hxr/close_eye.png">
                        <img style="width: 100%;display: none" id="open_eye" src="images/hxr/open_eye.png">
                    </div>
                </div>

                    <!--                    条款复选框-->
                    <div class="article">
                        <input type="checkbox" name="article" id="article">
                        <label  for="article">用户勾选即代表同意</label><a class="article_a" href="#">《邮箱服务条款》</a>
                    </div>
                <!--                错误提示-->
                <div class="error"  id="register_error" style="display: none" >
                    <div class="error_img"><img style="width: 100%" src="images/hxr/error.png"></div>
                    <div class="error_info" id="passwd_error">请输入8-16位密码</div>
                </div>
                <!--                下一步按钮-->
                <div class="btn_register_box">
                    <a class="btn_register">下一步</a>
                </div>

            </div>
        </form>
    </div>
</div>
</div>